<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=1"/>
    <meta name="wap-font-scale" content="no"/>
    <meta name="msapplication-tap-highlight" content="no"/>
    <meta name="format-detection" content="telephone=no,email=no"/>
    <meta http-equiv="Cache-Control" content="no-cache"/>
    <title></title>
    <link rel="stylesheet" href="css/neat.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <style>
        html, body {
            width: 100%;
            height: 100%;
        }
    </style>
    <script>
        (function (doc, win) {
            var docEl = doc.documentElement,
                    resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                    recalc = function () {
                        var clientWidth = docEl.clientWidth;
                        if (!clientWidth) return;
                        docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
                    };
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
    </script>
</head>
<body style="position:relative;">
<div class="wrapper2">
    <header class="index-header confirm-header">
        <div><i class="icon-back"></i></div>
        <p class="head-title">Payment</p>
    </header>
    <section class="con confirm-con" style="height:calc(100% - 4.2rem);">
        <div class="step-img"><img src="img/confirmation.png" alt=""/></div>
        <div class="confirm-info">
            <div class="caption clearfix">
                <span>CART</span>
                <span>Edit</span>
            </div>
            <ul class="list">
                <li class="clearfix">
                    <div>
                        <h5>Herschel Supply Co Roy Billfold Wallet</h5>
                        <p><span>Pcs:1</span><span>Size:Small</span></p>
                    </div>
                    <div>$59</div>
                </li>
                <li class="clearfix">
                    <div>
                        <h5>Herschel Supply Co Roy Billfold Wallet</h5>
                        <p><span>Pcs:1</span><span>Size:Small</span></p>
                    </div>
                    <div>$59</div>
                </li>
                <li class="clearfix">
                    <div>
                        <h5>Herschel Supply Co Roy Billfold Wallet</h5>
                        <p><span>Pcs:1</span><span>Size:Small</span></p>
                    </div>
                    <div>$59</div>
                </li>
            </ul>
        </div>
        <div class="confirm-info">
            <div class="caption clearfix">
                <span>DELIVERY INFROMATION</span>
                <span>Edit</span>
            </div>
            <ul class="list">
                <li class="clearfix">
                    <div>
                        <h5>Express Delivery</h5>
                        <p><span>7-8 Days</span></p>
                    </div>
                    <div>$30</div>
                </li>
                <li class="clearfix">
                    <div>
                        <h5 style="width:100%;text-overflow: inherit;overflow:inherit;white-space: inherit;">Komol Kuchkarov Uzbekistan, Tashkent,  100 131 Lutfiy St.</h5>
                    </div>
                </li>
            </ul>
        </div>
        <div class="confirm-info">
            <div class="caption clearfix">
                <span>PAYMENT</span>
                <span>Edit</span>
            </div>
            <ul class="list">
                <li class="clearfix">
                    <div>
                        <h5>XXXX-XXXX-XXXX-3452</h5>
                    </div>
                    <div><img src="img/visa.png" alt=""/></div>
                </li>
            </ul>
        </div>
        <div class="confirm-info">
            <div class="caption clearfix">
                <span style="display: block;width: 100%;">TOTAL<span style="float: right;margin-right:15px;">$134.1</span></span>
            </div>
        </div>
    </section>
    <footer class="confirm-footer">
        <button class="btn btn-blue">Order Now</button>
        <button class="btn btn-ghost-blue">Cancel Order</button>
    </footer>
</div>


</body>
</html>